<template>
  <div class="flex-colunm">
    <h1 class="main-title">
      儿童呼吸和哮喘控制测试（test for respiratory and asthma control in kids，TRACK）
    </h1>
    <p class="desc">
      适用年龄：≤5岁
    </p>
    <el-form ref="form" :model="form" label-position="top" :rules="rules">
      <el-form-item :label="item.name" :key="item.key" v-for="item in dataList" :prop="item.key">
        <el-radio-group v-model="form[item.key]">
          <el-radio v-for="radio in item.list" :key="radio.value"  :label="radio.value">{{radio.name}}</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-button @click="saveClick">{{buttonType==='save'?'提交问卷':'下一步'}}</el-button>
    </el-form>
  </div>
</template>
<script>
  import func from "@/util/func";
  export default {
    props:{
      buttonType:{
        type:String,
        default:'save'
      }
    },
    data(){
      return{
        rules:{
          q1: { required: true, message: '请选择', trigger: 'change' },
          q2: { required: true, message: '请选择', trigger: 'change' },
          q3: { required: true, message: '请选择', trigger: 'change' },
          q4: { required: true, message: '请选择', trigger: 'change' },
          q5: { required: true, message: '请选择', trigger: 'change' },
        },
        dataList:[
          {
            key:'q1',
            name:'1. 在过去4周内，孩子受到呼吸问题（比如喘息、咳嗽或呼吸短促）的困扰有多频繁？',
            list:[
              {
                value:20,
                name:'根本没有'
              },{
                value:15,
                name:'1次或2次'
              },{
                value:10,
                name:'每周1次'
              },{
                value:5,
                name:'每周2次或3次'
              },{
                value:0,
                name:'每周4次或更多次'
              },
            ]
          }, {
            key:'q2',
            name:'2. 在过去4周内，孩子因呼吸问题（喘息、咳嗽、呼吸短促）在晚上醒来有多频繁',
            list:[
              {
                value:20,
                name:'根本没有'
              },{
                value:15,
                name:'1次或2次'
              },{
                value:10,
                name:'每周1次'
              },{
                value:5,
                name:'每周2次或3次'
              },{
                value:0,
                name:'每周4次或更多次'
              },
            ]
          },{
            key:'q3',
            name:'3. 在过去4周内，孩子的呼吸问题（比如喘息、咳嗽或呼吸短促）在多大程度上干扰他或她玩耍、上学或进行同龄儿童应该进行的平常活动的能力',
            list:[
              {
                value:20,
                name:'根本没有'
              },{
                value:15,
                name:'轻微'
              },{
                value:10,
                name:'中等'
              },{
                value:5,
                name:'相当大'
              },{
                value:0,
                name:'极大'
              },
            ]
          },{
            key:'q4',
            name:'4. 在过去3个月内，你需要使用快速缓解药物（沙丁胺醇、万托林、博利康尼等）来治疗孩子的呼吸问题（喘息、咳嗽、呼吸短促）有多频繁',
            list:[
              {
                value:20,
                name:'根本没有'
              },{
                value:15,
                name:'1次或2次'
              },{
                value:10,
                name:'每周1次'
              },{
                value:5,
                name:'每周2次或3次'
              },{
                value:0,
                name:'每周4次或更多次'
              },
            ]
          },{
            key:'q5',
            name:'5. 在过去12个月内，孩子需要全身糖皮质激素（口服泼尼松或泼尼松龙、注射用泼尼龙或琥珀氢化可的松）或加用局部糖皮质激素（高剂量）来治疗其他药物无法控制的呼吸问题有多频繁',
            list:[
              {
                value:20,
                name:'根本没有'
              },{
                value:15,
                name:'1次或2次'
              },{
                value:10,
                name:'每周1次'
              },{
                value:5,
                name:'每周2次或3次'
              },{
                value:0,
                name:'每周4次或更多次'
              },
            ]
          },
        ],
        form:{
          q1:'',
          q2:'',
          q3:'',
          q4:'',
          q5:'',
        }
      }
    },
    methods:{
      saveClick(){
        this.$refs.form.validate(valid=>{
          if(valid){
            const sum = func.arraySum(Object.values(this.form))
            if(this.buttonType === 'save'){
              this.$emit('sum',sum)
              this.$emit('close')
            }else {
              this.$emit('sum',sum)
              this.$emit('step',2)

            }
          }
        })


      }
    }
  }
</script>
<style>
  @import "index.css";
</style>
